@import '../../pages/style.scss';
@import "~taro-ui/dist/style/components/fab.scss";

@include themeify {
  .menu-view {
    .menuIcon {
      position: absolute;
      right: 40px;
      bottom: 40px;
      z-index: 1;
      background-color: themed('whiteColor');
      background: themed('whiteColor');
      color: themed('titleColor');

      :active {
        background: themed('whiteColor');
        background-color: themed('whiteColor');
      }

      &.blur {
        filter: blur($blur);
      }

    }

    .menu {
      z-index: 2;
      height: 100%;
      width: 100%;
      background: transparent;
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;

      .setIcon {
        box-shadow: initial;
      }

      .drawer-item {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin-bottom: 120px;

        .menu-btns {
          display: flex;
          flex-direction: column;
          justify-content: flex-end;
          color: themed('titleColor');

          .menu-btn {
            text-align: start;
            margin: 20px 0;
            padding: 8px 15px;
            background: themed('whiteColor');
            border-radius: themed('cardRadius') 0 0 themed('cardRadius');
            box-shadow: 0px 4px 12px 2px rgba(8, 8, 8, 0.12);

            text,
            taro-text-core {
              width: 40px;
              height: 40px;
              margin-right: 6px;
            }
          }
        }

      }
    }
  }
}
